<template>
  <div>
      第二个页面
      {{datalist}}
  </div>
</template>

<script lang="ts">
import Vue from 'vue'
import Logo from '~/components/Logo.vue'
import topBar from '~/components/topBar.vue'
import toolBar from '~/components/toolBar.vue'

import axios from 'axios'

export default Vue.extend({
  components: {
    Logo,
    topBar,
    toolBar
  },
  data (){
    return {
      slide:2
    }
  },
  methods:{
    onSlideStart(){
      // console.log('onSlideStart')
    },
    onSlideEnd(){
      // console.log('onSlideEnd')
    }
  },
  asyncData (){
    console.log('服务端渲染-two')
    let url = ''
    return axios.post(url).then(res=>{
      console.log(res.data.data)
      return {
        datalist : res.data.data
      }
    })
  }
})
</script>

<style>
.carousel{
  text-shadow: 1px 1px 2px #333;
}

.slide-box{
            /* margin-top: 200px; */
            display: -webkit-box;
            overflow-x: scroll;
            -webkit-overflow-scrolling:touch;
        }
        .slide-item{
            padding:5px 10px;
        }
/* ————————————————
版权声明：本文为CSDN博主「又又呢」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/weixin_42050203/java/article/details/82712176 */

.iconTitle{
  text-align:center;margin:15px 0px;
}

.price{
  text-align:center;
  margin:15px 0px;
  color: red;
}

.lb{
  width:80%;
  margin:0 auto;
}

.col-xs-5ths, .col-sm-5ths, .col-md-5ths, .col-lg-5ths {
	position: relative;
	min-height: 1px;
	padding-right: 10px;
	padding-left: 10px;
}

@media ( min-width : 768px) {
	.col-sm-5ths {
		width: 20%;
		float: left;
	}
}

@media ( min-width : 992px) {
	.col-md-5ths {
		width: 20%;
		float: left;
	}
}

@media ( min-width : 1200px) {
	.col-lg-5ths {
		width: 20%;
		float: left;
	}
}

/* 作者：全栈弄潮儿
链接：https://www.jianshu.com/p/10f466ee0ab4
来源：简书
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。 */


.title {
  font-family: 'Quicksand', 'Source Sans Pro', -apple-system, BlinkMacSystemFont,
    'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  display: block;
  font-weight: 300;
  font-size: 100px;
  color: #35495e;
  letter-spacing: 1px;
}

.subtitle {
  font-weight: 300;
  font-size: 42px;
  color: #526488;
  word-spacing: 5px;
  padding-bottom: 15px;
}

.links {
  padding-top: 15px;
}
</style>
